<nz-layout>
  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
    <div class="logo">
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">

      <li nz-menu-item>
        <i class="anticon anticon-user"></i>
        <span routerLinkActive="active" routerLink="/main" class="nav-text">main</span>
      </li>

      <li nz-menu-item>
        <i class="anticon anticon-team"></i>
        <span routerLinkActive="active" routerLink="/routers" class="nav-text">routers</span>
      </li>

      <li nz-menu-item>
        <i class="anticon anticon-upload"></i>
        <span routerLinkActive="active" routerLink="/members" class="nav-text">members</span>
      </li>

      <li nz-menu-item>
        <i class="anticon anticon-upload"></i>
        <span routerLinkActive="active" routerLink="/user" class="nav-text">user</span>
      </li>

    </ul>
  </nz-sider>

  <nz-layout>
    <nz-header style="background: #fff; padding:0;"></nz-header>
    <nz-content style="margin:24px 16px 0;">
      <div style="padding:24px; background: #fff; min-height: 360px;">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
    <nz-footer style="text-align: center;">Ant Design ©2017 Implement By Angular</nz-footer>
  </nz-layout>
</nz-layout>
